<template>
  <el-breadcrumb :separator-icon="ArrowRight">
  <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  <el-breadcrumb-item>私聊</el-breadcrumb-item>
</el-breadcrumb>
  <el-row :gutter="[20]">
    <el-col :span="12">
      <chatChild 
      :chat_type="chat_type"
      :chat_box="chat_box1"></chatChild>
    </el-col>
    <el-col :span="12">
      <chatChild 
      :chat_type="chat_type"
      :chat_box="chat_box2"></chatChild>
    </el-col>
  </el-row>
 </template>
 <script setup >
 import { ref ,reactive} from 'vue'
import chatChild from "../../components/chat/index.vue"
import { ArrowRight } from '@element-plus/icons-vue'
const chat_box1 = ref('chat_box1')
const chat_box2 = ref('chat_box2')

/**
 * send_to_group群聊
 * send_to_uid私聊
 */
const chat_type = ref('send_to_uid')
 </script>

 <style scoped lang="scss">
 
 </style>